<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>8.工作中的矛盾 | 被删的前端游乐场</title>
    <meta name="generator" content="VuePress 1.8.2">
    
    <meta name="description" content="Just playing around">
    
    <link rel="preload" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css" as="style"><link rel="preload" href="/front-end-playground/assets/js/app.1e2670bf.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/2.38d016d1.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/3.e3f029cb.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/130.ada8472b.js" as="script">
    <link rel="stylesheet" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-end-playground/" class="home-link router-link-active"><!----> <span class="site-name">被删的前端游乐场</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0" style="padding-top:10px;"><div class="kitty-main" data-v-2b653b36><span class="stand" data-v-2b653b36></span> <div class="cat" data-v-2b653b36><div class="body" data-v-2b653b36></div> <div class="head" data-v-2b653b36><div class="ear" data-v-2b653b36></div> <div class="ear" data-v-2b653b36></div></div> <div class="face" data-v-2b653b36><div class="nose" data-v-2b653b36></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div></div> <div class="tail-container" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36></div></div></div></div></div></div></div></div></div></div> <p class="sidebar-heading open"><span>前端这几年</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html" class="sidebar-link">1.转岗之路</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-2-principle.html" class="sidebar-link">2.工作原则和选择</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-3-growth.html" class="sidebar-link">3.关于成长和焦虑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-4-health.html" class="sidebar-link">4.生命与健康</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html" class="sidebar-link">5.沉淀习惯养成</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-6.html" class="sidebar-link">6.工作选择的困惑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-7.html" class="sidebar-link">7.情绪与保持清醒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html" aria-current="page" class="active sidebar-link">8.工作中的矛盾</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#业务需求-vs-技术需求" class="sidebar-link">业务需求 vs 技术需求</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#tob-vs-toc" class="sidebar-link">ToB vs ToC</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#全栈" class="sidebar-link">全栈？</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#边缘工作该做吗" class="sidebar-link">边缘工作该做吗？</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#我该花时间在写-ppt-和文档上面吗" class="sidebar-link">我该花时间在写 PPT 和文档上面吗</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html#结束语" class="sidebar-link">结束语</a></li></ul></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html" class="sidebar-link">9.提升工作效率</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-10.html" class="sidebar-link">10.我的工作历险记</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-11.html" class="sidebar-link">11.关于一年一换的魔咒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-writing.html" class="sidebar-link">写文章这件事</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/a-book-with-one-story.html" class="sidebar-link">一本书和一个故事</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>面试这件事</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>在日常工作里，我们常常会遇到一些不如预期的事情。我们在做的常常又不全是自己想要做的事情，要怎么去理解和面对这样的矛盾呢？</p> <h1 id="这不是我想做的"><a href="#这不是我想做的" class="header-anchor">#</a> 这不是我想做的</h1> <p>工作对于大多数的人来说，主要在于养家糊口。随着越来越多年轻人涌入程序员这个行业，大家的危机感慢慢浮现，想要保持竞争力、提升自我等念头让我们想得更多，也常常出现一些选择和矛盾的情况。</p> <h2 id="业务需求-vs-技术需求"><a href="#业务需求-vs-技术需求" class="header-anchor">#</a> 业务需求 vs 技术需求</h2> <p>做业务需求好，还是做技术需求好，大概是所有程序员都想过的事情，也是很多人会纠结的点。</p> <p>一般来说，大家都会认为技术需求对个人的成长和提升帮助更大，同时技术需求也很少有业务面临的突发问题、外网投诉、活动发版等可能熬夜通宵的情况。而业务需求则有较可观的用户量，收益和稳定性可能会更好，但工作内容可能更偏向日常问题定位、产品需求的开发等“技术含量较低”的枯燥和重复性工作。</p> <p>每天埋头写“差不多”代码的，羡慕做有挑战性的技术的。每天在做底层基础支撑的，苦恼于没有业务接入、团队面临调整等问题。</p> <p>实际上业务需求也好，技术需求也好，我们都是在为某一个产品提供稳定、可靠的服务。对于业务来说，这个产品可能由产品经理提出需求而自己负责实现；而对于技术来说，这个产品则是由业务衍生出来的基础需求，需求的服务对象则是日常进行业务开发的人。</p> <p>所有的技术需求都来源于业务的需要，自动化能力、灰度发布能力、监控告警能力、全链路跟踪能力等等，都是因为业务某个方面到达一定的瓶颈而提出的解决方案。</p> <p>所以，对于做业务需求的小伙伴来说，需要关注到是什么导致了我们日常工作的枯燥，“重复性”的工作是否可以用工具解决？“相类似”的工作是否可以进行抽象然后提出解决方案？对于做业务的小伙伴来说，如果能积极思考和主动提出解决方案，也一样能获得很多的成长和机会。</p> <p>对于做技术需求的小伙伴来说，需要关注我们正在做的事情，是否真的符合业务的需要？是可以让业务更加方便地使用，还是会给它们带来更多的麻烦？只有能贴切地解决业务的一些痛点，这样的技术方案才可能有更多的业务愿意接入，技术需求的意义才得以体现。</p> <h2 id="tob-vs-toc"><a href="#tob-vs-toc" class="header-anchor">#</a> ToB vs ToC</h2> <p>对于前端同学来说，我们也常常会对 ToB 和 ToC 怎么选有过烦恼，其实区别更多在于用户群体和数量。</p> <p>一般来说，ToB 的业务服务于某一类用户群体，因此会根据服务对象的不一样而工作重点有所区别。例如，如果服务于银行，则对技术方案要求严格，如果服务于政府机构，则可能需要兼容较低版本的 IE 浏览器，技术选型比较局限。但通常来说，ToB 业务的用户量并不会特别大，对性能要求较低，有些情况下也会由于机器部署环境封闭的原因，对网络和安全性要求较低，因此 ToB 业务可以更多关注开发效率提升、技术管理选型、项目可维护性等方面。</p> <p>ToC 的业务用户量较大，对加载性能、浏览器兼容性等都要求很高，因此常常需要进行性能优化、兼容性检测、实时监控、SEO 优化等工作。</p> <p>按理来说，在找工作的时候，ToC 业务的会比 ToB 业务的人优势要大一点，因为 ToC 对前端的各个角度要求都相对较高。但其实真正工作中，由于精力和工作内容分配的问题，很多参与 ToC 业务的人更多只关注自己负责的一小部分，因此其实并没有掌握到 ToC 业务的关键技术方案。而即使是在做 ToB 业务，也有不少小伙伴会有很多的时间去研究一些新技术、做很多的选型调研，也可以在这个过程中获得很好的成长。</p> <p>所以，决定我们能否掌握更多的、成长更快的，最终还是一句话，要靠自己。</p> <h2 id="全栈"><a href="#全栈" class="header-anchor">#</a> 全栈？</h2> <p>如今随着 Node.js 的普及，也有不少的前端开发慢慢转型做全栈、大前端等方向。</p> <p>的确，对于有全栈工作经验的人来说，找工作的时候会更吃香。但我们日常工作中是否都有机会去接触后台开发、客户端开发这些内容呢？我们是否一定需要有这样的工作经验才能获得更好的发展呢？</p> <p>很多时候，前端由于入门简单的原因，很多的前端开发（包括我）都不是计算机专业出身。我们对于计算机基础、网络基础、算法和数据结构等内容掌握很少，更多时候是这些知识的缺乏阻碍了我们在程序员这一职业的发展，这也是为什么很多前端开发苦恼自己到达天花板，想着转型全栈或者后台就能走得更远。</p> <p>这其实是个误区。后台开发由于开发语言、服务器管理、存储管理等工作内容的不一致，对于专业基础的要求更高，因此看上去似乎比前端能走得更远。但随着成熟的解决方案的出现，像分布式部署和管理、全链路跟踪等，以及运维和 DBA 等职位的出现、后台基本框架的完善，更多的后台开发技术选型的范围不大，在开发过程中也是偏向业务的开发，因此更多的关注点会落在业务风险梳理、问题定位和追踪、业务稳定性、效率提升等地方。而全栈中的后台开发，可能涉及的内容会更加局限一些。</p> <p>所以，其实我们在日常工作中也可以更多地关注后台的实现和能力，除了可以更好地配合和理解后台的工作外，还可以提升自己对后台工作内容的理解。当然，最重要的其实依然是，我们需要扎实地补充计算机基础知识。</p> <p>全栈开发经验可能让我们更容易地找到工作，但只有基础知识的掌握足够深入，才可以在接触后台开发、终端开发等内容的时候，有足够的能力去快速高效地解决问题。</p> <h1 id="这不在我的工作范围内"><a href="#这不在我的工作范围内" class="header-anchor">#</a> 这不在我的工作范围内</h1> <p>除了日常开发的内容，我们工作中也有不少其他各式各样的事情需要去做。有些人会想，我来这里并不是为了做这种事情，那么这种情况下要怎么处理呢？</p> <h2 id="边缘工作该做吗"><a href="#边缘工作该做吗" class="header-anchor">#</a> 边缘工作该做吗？</h2> <p>很多时候，我们所在的团队都会有很多边界不清晰、责任不明确的工作，例如会议纪要、值班查问题、组织团建等内容。一般来说组长调节好轮流负责是最好的，但事实上也有不少的团队会把这样的工作一直给到某个人，那么这样的情况要怎么处理呢？</p> <p>大家都知道，这些工作会占用一些时间，而且经常需要做一些协调性的工作。如果你是一个希望专注技术成长的人，那想必会很烦恼。如果这种情况真的发生了，首先可以提出轮班的建议，如果老大觉得就是你做得最好一定要你做的话，可以尝试提升这部分工作的效率，同时把方案和步骤都写下来，再尝试让大家都参与进来。</p> <p>那么如果其他人都真的“做不到”，你每天都得花上额外的时间来做的话，可以思考下自己能否承受得住这样的安排。这里的承受并不是指工作量太大，而是指个人对待这些事情的态度，毕竟如果给工作带来了情绪，才是最糟糕的结果。当然我们可以开放地接受最好，毕竟大多数人也只是来打份工的。</p> <p>好的管理者会对一直承担边缘工作的小伙伴进行奖励，但也并不是全部都是这样的。实在不行的话，可以考虑再次反馈，最糟糕的情况下就得换个工作了。</p> <h2 id="我该花时间在写-ppt-和文档上面吗"><a href="#我该花时间在写-ppt-和文档上面吗" class="header-anchor">#</a> 我该花时间在写 PPT 和文档上面吗</h2> <p>这大概是所有程序员都脑壳疼的问题了，但是它确实一个比其他所谓边缘工作都要现实的问题。</p> <p>那么，我需要学好怎么写 PPT 吗？答案是要的。我们的 PPT 并不需要画的跟设计童鞋一样漂亮，大白字、表情包都可以往里面贴，重点只有一个：逻辑思路清晰。其实写 PPT、写文章和文档这些很难吗？不难，只是比较花时间。但是在写的过程其实你会进行很多的思考，会发现一些之前并没有考虑到的事情，同时也能锻炼你的书面表达能力。</p> <p>所以，你依然需要花适当的时间去对你的项目进行设计、整理和复盘，用你擅长的形式，不管是 PPT 也好，文档、文章也好，将这些内容思路清晰地记录下来，才可以走得更远。</p> <h2 id="结束语"><a href="#结束语" class="header-anchor">#</a> 结束语</h2> <p>工作里总有很多让人不舒服的事情，不过生活也是这样，大多数时候我们都无法改变环境，只能调整自己。让自己开心才是正经事！</p></div> <!----> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/godbasin/front-end-playground/edit/sourcecode/docs/front-end-work/front-end-days/about-front-end-8.md" target="_blank" rel="noopener noreferrer">帮阿猪改善此页面！</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----> <blockquote>部分文章中使用了一些网站的截图，如果涉及侵权，请告诉我删一下谢谢~</blockquote> <div style="margin-top:30px;"><div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-sm-0 el-col-md-2 el-col-lg-4" style="padding-left:10px;padding-right:10px;display:block;"><div style="width:1px;height:1px;"></div></div> <div class="el-col el-col-24 el-col-sm-24 el-col-md-18 el-col-lg-16" style="padding-left:10px;padding-right:10px;"><div class="el-card box-card is-always-shadow"><div class="el-card__header"><div class="clearfix"><span>温馨提示喵</span></div></div><div class="el-card__body"> <div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="el-image"><div class="image-slot"><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/loading.gif" style="width:100%;"></div><!----></div></div> <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="copyright-text"><div>本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</div> <div>出处：被删的前端游乐场</div> <div>作者：<a href="https://github.com/godbasin" target="_blank">被删</a></div></div></div></div></div></div></div></div></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/front-end-playground/front-end-work/front-end-days/about-front-end-7.html" class="prev">
          7.情绪与保持清醒
        </a></span> <span class="next"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html">
          9.提升工作效率
        </a>
        →
      </span></p></div>  <div class="gitalk-container theme-default-content"><div id="gitalk-container" class="content"></div></div></main> <div id="kitty-container"><span><div role="tooltip" id="el-popover-2927" aria-hidden="true" class="el-popover el-popper" style="width:undefinedpx;display:none;"><!----><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg" class="image"> <div class="text">牡羊猪的猫粮罐</div> </div><span class="el-popover__reference-wrapper"><div id="kitty" style="background:url(https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/kitty0.svg);"></div></span></span> <div class="el-dialog__wrapper" style="display:none;"><div role="dialog" aria-modal="true" aria-label="牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!----></div></div></div></div><div class="global-ui"></div></div>
    <script src="/front-end-playground/assets/js/app.1e2670bf.js" defer></script><script src="/front-end-playground/assets/js/2.38d016d1.js" defer></script><script src="/front-end-playground/assets/js/3.e3f029cb.js" defer></script><script src="/front-end-playground/assets/js/130.ada8472b.js" defer></script>
  </body>
</html>
